﻿

.gradient_blue
{
    background-color: hsl(192, 67%, 58%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c3e9f3", endColorstr="#4cbedb");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#c3e9f3), to(#4cbedb));
    background-image: -moz-linear-gradient(top, #c3e9f3, #4cbedb);
    background-image: -ms-linear-gradient(top, #c3e9f3, #4cbedb);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c3e9f3), color-stop(100%, #4cbedb));
    background-image: -webkit-linear-gradient(top, #c3e9f3, #4cbedb);
    background-image: -o-linear-gradient(top, #c3e9f3, #4cbedb);
    background-image: linear-gradient(#c3e9f3, #4cbedb);
    border-color: #4cbedb #4cbedb hsl(192, 67%, 51%);
    color: black !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.46);
    -webkit-font-smoothing: antialiased;
}

.gradient_gray
{
    background-color: hsl(0, 0%, 73%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7f7f7", endColorstr="#bababa");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#f7f7f7), to(#bababa));
    background-image: -moz-linear-gradient(top, #f7f7f7, #bababa);
    background-image: -ms-linear-gradient(top, #f7f7f7, #bababa);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #bababa));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #bababa);
    background-image: -o-linear-gradient(top, #f7f7f7, #bababa);
    background-image: linear-gradient(#f7f7f7, #bababa);
    border-color: #bababa #bababa hsl(0, 0%, 67%);
    color: black !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.39);
    -webkit-font-smoothing: antialiased;
}

.gradient_green
{
    background-color: hsl(133, 62%, 55%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9fe8af", endColorstr="#45d363");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#9fe8af), to(#45d363));
    background-image: -moz-linear-gradient(top, #9fe8af, #45d363);
    background-image: -ms-linear-gradient(top, #9fe8af, #45d363);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9fe8af), color-stop(100%, #45d363));
    background-image: -webkit-linear-gradient(top, #9fe8af, #45d363);
    background-image: -o-linear-gradient(top, #9fe8af, #45d363);
    background-image: linear-gradient(#9fe8af, #45d363);
    border-color: #45d363 #45d363 hsl(133, 62%, 49.5%);
    color: black !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.36);
    -webkit-font-smoothing: antialiased;
}

.gradient_red
{
    background-color: hsl(0, 100%, 65%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffa8a8", endColorstr="#fe4c4c");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffa8a8), to(#fe4c4c));
    background-image: -moz-linear-gradient(top, #ffa8a8, #fe4c4c);
    background-image: -ms-linear-gradient(top, #ffa8a8, #fe4c4c);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa8a8), color-stop(100%, #fe4c4c));
    background-image: -webkit-linear-gradient(top, #ffa8a8, #fe4c4c);
    background-image: -o-linear-gradient(top, #ffa8a8, #fe4c4c);
    background-image: linear-gradient(#ffa8a8, #fe4c4c);
    border-color: #fe4c4c #fe4c4c hsl(0, 100%, 60.5%);
    color: black !important;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.29);
    -webkit-font-smoothing: antialiased;
}

.gradient_yellow
{
    background-color: hsl(43, 100%, 34%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffca47", endColorstr="#ad7c00");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#ffca47), to(#ad7c00));
    background-image: -moz-linear-gradient(top, #ffca47, #ad7c00);
    background-image: -ms-linear-gradient(top, #ffca47, #ad7c00);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffca47), color-stop(100%, #ad7c00));
    background-image: -webkit-linear-gradient(top, #ffca47, #ad7c00);
    background-image: -o-linear-gradient(top, #ffca47, #ad7c00);
    background-image: linear-gradient(#ffca47, #ad7c00);
    border-color: #ad7c00 #ad7c00 hsl(43, 100%, 26.5%);
    color: black !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.49);
    -webkit-font-smoothing: antialiased;
}
        
.win8Panel
{
    z-index: 20;
    border-bottom: #afb0b2 1px solid;
    
    border-left: #afb0b2 1px solid;
    width: 200px;
    height: 120px;
    border-top: #afb0b2 1px solid;
    border-right: #afb0b2 1px solid;
    cursor: pointer;
    font-size:24px;
    font-family: 宋体, Arial, Helvetica, sans-serif;
    text-align:center;
    vertical-align:middle;
}


.p_content
{
    font-family: 宋体;
    vertical-align:middle;
    margin-top:5px;
}


.component
{
    filter: alpha(opacity=70);
    background-color: gray;
    opacity: 0.9;
}


.pimg
{
    margin-top:10px;
    text-align:center;
}